@import url("style_base.css");
header,
nav,
section,
footer {
	width: 90%;
	margin: 0 auto;
}


/*header===================================================*/

header {
	display: flex;
	justify-content: space-between;
	height: 6rem;
}

header h1 {
	height: 6rem;
	display: flex;
	align-items: center;
}

header h1 img {
	height: 2rem;
}


/*header中的导航条*/

header div.header_middle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 2rem;
	font-family: "微软雅黑";
}


/*header右侧按钮*/

header div.header_right {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header div.header_right button {
	width: 7rem;
	height: 3rem;
	border-radius: 0.5rem;
	border: 0;
	background-color: #2b3ecf;
	font-size: 2rem;
	color: #FFF;
}


/*footer部分================================*/

footer#commonfooter {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6rem;
	display: flex;
	justify-content: space-around;
	color: #FFF;
	text-align: center;
	padding: 0.5rem 0;
	background-color: #f8f8f8;
	font-size: 1rem;
	font-weight: 400;
	color: #333333;
}

footer#commonfooter div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 20%;
	height: 100%;
}

footer#commonfooter div:nth-of-type(1) a {
	height: 4rem;
	background: url(../img/menu1.png) no-repeat 50% 0.6rem;
	background-size: 2.5rem;
}

footer#commonfooter div:nth-of-type(1) a:hover {
	height: 4rem;
	background: url(../img/menu1-2.png) no-repeat 50% 0.6rem;
	background-size: 2.5rem;
}

footer#commonfooter div:nth-of-type(2) a {
	height: 4rem;
	background: url(../img/menu2.png) no-repeat 50% 0.6rem;
	background-size: 3rem;
}

footer#commonfooter div:nth-of-type(2) a:hover {
	height: 4rem;
	background: url(../img/menu2-2.png) no-repeat 50% 0.3rem;
	background-size: 3.5rem;
}

footer#commonfooter div:nth-of-type(3) a {
	height: 4rem;
	background: url(../img/menu3.png) no-repeat 50% 0.6rem;
	background-size: 2.5rem;
}

footer#commonfooter div:nth-of-type(3) a:hover {
	height: 4rem;
	background: url(../img/menu3-2.png) no-repeat 50% 0.6rem;
	background-size: 2.5rem;
}

footer#commonfooter div:nth-of-type(4) a {
	height: 4rem;
	background: url(../img/menu4.png) no-repeat 50% 0.6rem;
	background-size: 2.5rem;
	/*border:solid 1px red;*/
}

footer#commonfooter div:nth-of-type(4) a:hover {
	height: 4rem;
	background: url(../img/menu4-2.png) no-repeat 50% 0.6rem;
	background-size: 2.5rem;
	/*border:solid 1px red;*/
}

div.space {
	height: 6rem;
}

.triangle-left {
	height: 0rem;
	width: 0rem;
	border-width: 1rem;
	border-style: solid;
	margin-top: 2rem;
	border-color: transparent #FFFFFF transparent transparent;
}

.triangle-right {
	height: 0rem;
	width: 0rem;
	border-width: 1rem;
	border-style: solid;
	margin-top: 2rem;
	border-color: transparent transparent transparent #0F0;
}

div .space {
	height: 6rem;
}